<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>火云鞋神购物鞋店--订单</title>
    <meta name="" content=""/>
    <meta name="">
    <link rel="shortcut icon" href="favicon_2.ico"/>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/base.css">
</head>
<body>
<!--快捷导航模块 start-->
<section class="shortcut">
    <div class="w">
        <div class="fl">
            <ul>
                <li>火云鞋神欢迎您！&nbsp;</li>
                <li>
                    <a href="#">请登录</a>&nbsp;<a href="#" class="color_red">免费注册</a>
                </li>
            </ul>
        </div>
        <div class="fr">
            <ul>
                <li><a href="#">我的订单</a></li>
                <li></li>
                <li><a href="#">我的收藏</a></li>
                <li></li>
                <li><a href="#">我的物流</a></li>
                <li></li>
                <li><a href="#">个人中心</a></li>
                <li></li>
                <li><a href="#">我的优惠券</a></li>
                <li></li>
                <li><a href="#">客服服务</a></li>
            </ul>
        </div>
    </div>
</section>
<!--快捷导航模块 end-->
<!--header头部模块 start-->
<header class="header_aftersale">
    <div class="w">
        <!--Logo模块 start-->
        <div class="logo_right">
            <h1>
                <a href="#" title="火云鞋神商城">火云鞋神商城</a>
            </h1>
        </div>
        <!--Logo模块 end-->
        <!--header导航模块 start-->
        <ul class="lili" >
            <li><a href="#">首页</a></li>
            <li><a href="#">我的订单</a></li>
            <li><a href="#">我的优惠券</a></li>
            <!--<li><a href="#">我的物流</a></li>-->
            <!--<li><a href="#">关注的商品</a></li>-->
            <!--<li><a href="#">我的足迹</a></li>-->
            <!--<li><a href="#">订单售后</a></li>-->
        </ul>
        <!--header导航模块 end-->
        <!--search搜索模块 start-->
        <div class="search_right">
            <input type="text" class="input">
            <button class="btn"><a href="#">搜索</a></button>
        </div>
        <!--购物车模块 star-->
        <div class="shopcar_right"><a href="#">我的购物车</a></div>
        <!--购物车模块 end-->
    </div>
</header>
<!--header头部模块 end-->
<!--更改-->
<div class="content">
    <div class="main">
        <!--更改-->
        <div class="hd">
            <h3>我的订单</h3>
        </div>
        <!--更改-->
        <div class="dd">
            <div class="nav_right">
                <ul>
                    <li><a href="#">全部售后信息</a></li>
                    <li><a href="#">已处理</a></li>
                    <li><a href="#">待处理</a></li>
                </ul>
            </div>
            <div class="input_right">
                <input type="text" class="input">
                <button class="btn_right"><a href="#">搜索</a></button>
            </div>
            <!--更改aftersale_detail_txt_ac-->
            <div class="show">
                <div class="th">
                    <div class="th_left"></div>
                    <div class="th_middle">
                        <!--更改-->
                        <div class="aftersale_detail_txt_ac">
                            售后详情
                            <ul>
                                <li>快递单号</li>
                                <li>订单状态</li>
                                <li>售后要求</li>
                                <li>处理结果</li>
                                <li>购买数量</li>
                                <li>商品金额</li>
                                <li>商品名称</li>
                                <li>鞋帮大小</li>
                                <li>商品材料</li>
                                <li>采用科技</li>
                                <li>商品类型</li>
                                <li>商品品牌</li>
                                <li>适用性别</li>
                                <li>尺码</li>
                                <li>商品图片</li>
                            </ul>
                        </div>
                    </div>
                    <div class="th_right"></div>
                    <div class="mc"></div>
                </div>
                <div class="mc"></div>
            </div>
        </div>
    </div>
    <nav class="nav_aftersale">
        <div class="dropdown_aftersale">
            <div class="list_txt font_family ">
                <ul class="li">
                    <li><a href="#">我的订单</a></li>
                    <li><a href="#">我的优惠券</a></li>
                    <li><a href="#">我的物流</a></li>
                    <li><a href="#">关注的商品</a></li>
                    <li><a href="#">我的足迹</a></li>
                    <li><a href="#">售后服务</a></li>
                </ul>
            </div>
        </div>
    </nav>
</div>
<!--底部模块得制作 start-->
<footer class="footer">
    <div class="w font_family">
        <div class="mod_service">
            <ul>
                <li>
                    <h5 class="service_img1"></h5>
                    <div class="service_txt">
                        <h4>正品保障</h4>
                        <p>正品保障，提供发票</p>
                    </div>
                </li>
                <li>
                    <h5 class="service_img2"></h5>
                    <div class="service_txt">
                        <h4>极速物流</h4>
                        <p>极速发货，极速配送</p>
                    </div>
                </li>
                <li>
                    <h5 class="service_img3"></h5>
                    <div class="service_txt">
                        <h4>无忧售后</h4>
                        <p>七天无理由退换货</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="mod_help font_family ">
        <dl class="lili">
            <dt>服务指南</dt>
            <dd>会员特权</dd>
            <dd>生活旅行</dd>
            <dd>团购</dd>
            <dd>客服咨询</dd>
        </dl>
        <dl>
            <dt>支付服务</dt>
            <dd>货到付款</dd>
            <dd>在线支付</dd>
            <dd>分期付款</dd>
            <dd>邮局汇款</dd>
        </dl>
        <dl>
            <dt>售后服务</dt>
            <dd>售后无忧</dd>
            <dd>价格保护</dd>
            <dd>极速退款</dd>
            <dd>极速换货</dd>
        </dl>
        <dl>
            <dt>特色服务</dt>
            <dd>DIY商品</dd>
            <dd>延保服务</dd>
            <dd>火云鞋神E卡</dd>
            <dd>火云鞋神通信</dd>
        </dl>
        <dl class="last">
            <dt>我们的二维码</dt>
            <dd>
                <img src="images/qrcode.png" height="90" width="90"/><br/>
                火云鞋神客户端
            </dd>
        </dl>
    </div>
</footer>
<!--底部模块得制作 end-->
</body>
</html>